<template>
  <div class="upload-box card-box">
    <h5>按钮上传</h5>
    <div class="upload-main">
      <AqUploadImg @update:imgValue="getImg" :acceptList="['.jpg', '.png', '.gpeg', '.rar']"></AqUploadImg>
    </div>
    <h5>框上传</h5>
    <div class="upload-main">
      <AqUploadImg uploadType="box" @update:imgValue="getImg" :acceptList="['.jpg', '.png', '.gpeg']"></AqUploadImg>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, watch } from 'vue';
import { useRouter } from 'vue-router';
import AqUploadImg from '@/components/AqUploadImg/AqUploadImg.vue';
const router = useRouter();

const getImg = (val) => {
	console.log('接收的图片地址', val);
};
</script>

<style lang="scss">
.upload-box {
	h5 {
		font-size: 16px;
	}
	.upload-main {
		margin: 20px 0;
	}
}
</style>
